Опис HTML тега <INPUT>:

Тег <INPUT> є одним з різнобічних елементів форми і дозволяє створювати різні елементи інтерфейсу і забезпечити взаємодію з користувачем. Головним чином <INPUT> призначений для створення текстових полів, різних кнопок, перемикачів і прапорців. Хоча елемент <INPUT> не потрібно поміщати всередину контейнера <FORM>, що визначає форму, але якщо введені користувачем дані повинні бути відправлені на сервер, де їх обробляє CGI-програма, то вказувати FORM обов'язково. Те ж саме стоїть і в разі обробки даних за допомогою клієнтських додатків, наприклад, скриптів на мові JavaScript. Основний параметр тега <INPUT>, що визначає вид елемента - type. Він дозволяє задавати такі елементи форми: текстове поле (text), поле з паролем (password), перемикач (radio), прапорець (checkbox), приховане поле (hidden), кнопка (button), кнопка для відправки форми (submit), кнопка для очищення форми (reset), поле для відправки файлу (file) і кнопка з зображенням (image). Для кожного елемента існує свій список параметрів, які визначають його вигляд і характеристики.

Синтаксис HTML тега <INPUT>:

Параметри HTML тега <INPUT>:

ALIGN - Для зображень та тексту можна вказувати їх положення щодо тексту або інших зображень на веб-сторінці. Спосіб вирівнювання задається параметром align тега. align='bottom | left | middle | right | top'

ALT - Параметр alt встановлює альтернативний текст для області зображення. Такий текст відображається у вигляді спливаючої підказки при наведенні курсору миші на область. Не всі браузери підтримують параметр alt.

AUTOCOMPLETE - У багатьох браузерах вбудована можливість зберігати результати введення в текстових полях форм і підставляти збережені значення при подальшому наборі тексту, так зване, автозаповнення. Проте така поведінка браузера не завжди потрібно, особливо при наборі конфіденційної інформації, тому за допомогою параметра autocomplete можна задати включення або виключення автозаповнення.

BORDER - Об'єкт, який розміщений на веб-сторінку, можна помістити в рамку різної ширини. Для цього служить параметр border. За замовчуванням рамка навколо не відображається за винятком випадку, коли малюнок є посиланням. При цьому колір рамки збігається з кольором посилань, заданих за допомогою стилю або параметра link тега <BODY>.

CHECKED - Цей параметр визначає, позначений чи заздалегідь такий елемент форми, як прапорець або перемикач. У разі використання перемикачів (radiobutton), може бути відзначений тільки один елемент групи, для прапорців (checkbox) допустимо помітити хоч всі елементи.

DISABLED - Блокує доступ і зміна кнопки. Вона в такому випадку відображається сіркою і недоступною для активації користувачем. Крім того, така кнопка не може отримати фокус шляхом натискання на клавішу Tab, мишею або іншим способом. Тим не менше, такий стан кнопки можна змінювати через скрипти.

MAXLENGTH - Встановлює максимальне число символів, яке може бути введено користувачем у текстовому полі. Коли це кількість досягається при наборі, подальше введення стає неможливим.

NAME - Встановлює ідентифікатор тегу для пари «ім'я = значення». Одночасно використовувати параметри name і http-equiv не допускається.Визначає унікальне ім'я параметра.

READONLY - Коли до тегу <INPUT> додається параметр readonly, текстове поле не може змінюватися користувачем, в тому числі вводитися новий текст або модифікуватися існуючий. Крім того, таке поле не може отримати фокус шляхом натискання на клавішу Tab, мишею або іншим способом. Тим не менше, стан і вміст поля можна змінювати за допомогою скриптів.

SIZE - Параметр size задає розмір шрифту в умовних одиницях.

SRC - Шлях до файлу, який буде на веб-сторінці. Список допустимих типів файлів залежить від браузера і його налаштувань, але популярні формати підтримується браузером без встановлення додаткових плагінів.

TYPE - Списки-Встановлює вигляд маркера. Тип маркера і його значення залежить від зовнішнього контейнера <UL> або <OL>.type="disc | circle | square" або type="A | a | I | i | 1"<br>Повідомляє браузеру, який MIME-тип даних використовується для зовнішнього документа. Як правило, застосовується для того, щоб вказати, що підключається файл, що містить CSS.

VALUE - Задає значення. Цей параметр не є обов'язковим, оскільки цілком може бути достатньо одного імені, заданим параметром name.

Закриваючий тег:

не обов'язковий

Додаткові відомості HTML тега <INPUT>:

HTML: 3.2 4 XHTML: 1.0 1.1